/*

    --blue50:#e8eaf6;
    --blue100:#c5cae9;
    --blue200:#9fa8da;
    --blue300:#7986cb;
    --blue400:#5c6bc0;
    --blue500:#3f51b5;
    --blue600:#3949ab;
    --blue700:#303f9f;
    --blue800:#283593;
    --blue900:#1a237e;

    --gray50:#fafafa;
    --gray100:#f5f5f5;
    --gray200:#eeeeee;
    --gray300:#e0e0e0;
    --gray400:#bdbdbd;
    --gray500:#9e9e9e;
    --gray600:#757575;
    --gray700:#616161;
    --gray800:#424242;
    --gray900:#212121;

    --orange50:#fbe9e7;
    --orange100:#ffccbc;
    --orange200:#ffab91;
    --orange300:#ff8a65;
    --orange400:#ff7043;
    --orange500:#ff5722;
    --orange600:#f4511e;
    --orange700:#e64a19;
    --orange800:#d84315;
    --orange900:#bf360c;

*/


:root{ 


    --blue100:#c5cae9;

    --blue300:#7986cb;

    --blue600:#3949ab;

    --blue900:#1a237e;


    --gray100:#f5f5f5;

    --gray300:#e0e0e0;

    --gray600:#757575;

    --gray900:#212121;



    --orange100:#ffccbc;

    --orange300:#ff8a65;

    --orange600:#f4511e;

    --orange900:#bf360c;

}


/*Primary, Secondary, Tertiary, Barely*/

/*文字颜色开始   3种  */

/*默认文字色*/
._text_primary{
    color: var( --gray900 ) !important;
}
._text_secondary{
    color: var( --gray600 ) !important;  
}
._text_teriary{
    color: var( --gray300 ) !important;  
}
._text_barely{
    color: var( --gray100 ) !important;  
}

/*激活状态色*/
._active_primary{
    color: var( --blue900 ) !important;
}
._active_secondary{
    color: var( --blue600 ) !important;  
}
._active_teriary{
    color: var( --blue300 ) !important;  
}
._active_barely{
    color: var( --blue100 ) !important;  
}

/*警告点缀色*/

._warning_primary{
    color: var( --orange900 ) !important;
}
._warning_secondary{
    color: var( --orange600 ) !important;  
}
._warning_teriary{
    color: var( --orange300 ) !important;  
}
._warning_barely{
    color: var( --orange100 ) !important;  
}

/*文字颜色结束*/


/*背景颜色开始   3种 */
/*white light dark*/
/*默认背景色*/

._bg_white{
    background-color: #fff !important;
}
._bg_dark{
    background-color: var( --blue900 )  !important;  
}
._bg_light{
    background-color: var( --gray100 ) !important;  
}
/*背景颜色结束*/


/*边框颜色开始   3种 */
/*white light dark*/
/*默认边框色*/

._border_white{
    border-color: #fff !important;
}
._border_dark{
    border-color: var( --blue900 )  !important;  
}
._border_light{
    border-color: var( --gray100 ) !important;  
}
/*边框颜色结束*/

